<template>
  <div class="goods">
    <p>{{ uname }}</p>
    <p>{{ age }}</p>
    <p>{{ sex }}</p>
  </div>
</template>

<script>
export default {
  // 接受父组件传递过来的数据
  // 接收到的数据,和data数据一样用 只是不能修改
  // props: ["uname", "age", "sex"]

  // props 也可以写成对象格式 (写成对象也是为了加更更多配置)
  // 有三个配置可以使用 required必填 type类型约束 default默认值
  props:{
    uname:{
      required:true,//表示父组件必须给我传递uname
      type:String  //要求父组件传递过来的uname必须是字符串类型
    },
    age:Number,//表示父组件传递过来的值必须是number类型的
    sex:{
      default:'未知',
      type:[String,Number]//如果允许多种类型,可以写成数组模式
    }
  }
}
</script>

<style>
.goods {
  padding: 10px;
  margin: 8px;
  border: solid 3px skyblue;
  min-height: 50px;
  background-color: pink;
}
</style>